<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>login</title>
    <style type="text/css">
        <!--
        body {

            background: url("http://www.xtpo.cn/OurHome/modules/core/images/body_bg.gif") repeat-x scroll center top #0A6BAF;
            margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
            padding: 0;
            text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
        }

        .oneColFixCtrHdr #container {
            width: 780px; /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
            background: #FFFFFF;
            margin: 140px auto 0;
            border: 1px solid #000000;
            text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
        }

        .oneColFixCtrHdr #header {
            background: #DDDDDD;
            padding: 0 10px 0 20px; /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
        }

        .oneColFixCtrHdr #header h1 {
            margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
            padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
        }

        .oneColFixCtrHdr #mainContent {
            padding: 0 20px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
            background: #FFFFFF;
            text-align: center;
        }

        .oneColFixCtrHdr #footer {
            padding: 0 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
            background: #DDDDDD;
        }

        .oneColFixCtrHdr #footer p {
            margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
            padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
        }

        -->
    </style>
    <script>
        function checkLoginForm(theForm) {
             if (theForm.j_username.value == "") {
                alert("请填写用户名");
                theForm.j_username.focus();
                return false;
            }
            if (theForm.j_password.value == "") {
                alert("请填写密码");
                theForm.j_password.focus();
                return false;
            }
        }
    </script>
</head>

<body class="oneColFixCtrHdr" onLoad="document.loginForm.j_username.focus()">
<c:if test="${not empty param.error}"> 
  <font color="red"> 
  Login error. <br /> 
  Reason : ${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message} 
  </font>
</c:if>
<div id="container">
    <div id="header">
        <h1>决策支持系统</h1>
        <!-- end #header --></div>
    <div id="mainContent">
        <form action="<c:url value="/j_spring_security_check" />" method="post" style="margin:0" id="loginForm" name="loginForm"
              onSubmit="return checkLoginForm(this)">
            <div style="padding:8px 0px">
                <div style="float:left; text-align:right; width:50%;">用户名：</div>
                <div style="float:left;text-align:left;width:50%"><input name="j_username" id="j_username" type="text"
                                                                         style="width:150px"/></div>
                <div style="clear:both"></div>
            </div>
            <div style="padding:8px 0px ">
                <div style="float:left; text-align:right; width:50%;">密码：</div>
                <div style="float:left;text-align:left;width:50%"><input name="j_password" id="j_password" type="password"
                                                                         style="width:150px"/></div>
                <div style="clear:both"></div>
            </div>
           
            <div style="padding:8px 0px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            	<input type="submit" value="登录"/>
                <input type="reset" value="重置" /> 
			 </div>
        </form>
        <!-- end #mainContent --></div>
    <div id="footer">
        <p>版权所有(c) 2009 xxx</p>
        <!-- end #footer --></div>
    <!-- end #container --></div>
</body>
</html>
